<template>
  <div>
    <!-- 4. 通过属性绑定，为标签设置字体颜色 -->
    <!-- <h3 :style="{ color: themeColor }">Level One</h3> -->
    <div>one</div>
    <hr />
    <LevelTwo />
  </div>
</template>
<script>
import LevelTwo from "./LeveTwo";
// 1. 按需导入 inject
import { inject } from "vue";
export default {
  components: {
    LevelTwo,
  },
  setup() {
    // 2. 调用 inject 函数时，通过指定的数据名称，获取到父级共享的数据
    // const themeColor = inject("globalColor");

    // // 3. 把接收到的共享数据 return 给 Template 使用
    // return {
    //   themeColor: 'red'
    // };
  },
};
</script>
